@charset "utf-8";
/* CSS Document */

.spnho {position:relative}
.list-sp .spnho .anh img{ width:100%;height:135px}
.list-sphh .spnho .anh img{width:100%;height:auto;border-radius:4px}
.spnho .nd-spe h2{color:#333;margin:0px;padding:0px;font-size:14px;font-weight:normal;padding-top:3px}
.spnho .nd-spe span {color:#6ED5FF;font-size:16px;font-weight:bold}
.list-sphh .nd-spe h2{padding-top:10px}
.nd-spe{max-height:42px;opacity:1;filter: alpha(opacity = 100);
transition:background 1s, opacity 1s;
-moz-transition:background 1s, opacity 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:background 1s, opacity 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:background 1s, opacity 1s, -o-transform 1s; /* Opera */;position:relative}
.anh-gh{position:absolute;bottom:39px}
.list-sphh .anh-ghr{position:absolute;right:5px;bottom:45px}
.list-sphh .giafree2{margin-left:5px}
.nofree{padding-bottom:3px}
.anh-gh p{float:left}
.list-sp .giafree2{margin-left:148px}
.tuan{background:none;position:absolute;top:0px;
opacity:0;filter: alpha(opacity = 0);
transition:background 1s, opacity 1s;
-moz-transition:background 1s, opacity 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:background 1s, opacity 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:background 1s, opacity 1s, -o-transform 1s; /* Opera */}
.spnho:hover .tuan{background:black;position:absolute;top:0px;opacity:0.8;filter: alpha(opacity = 80);}
.list-sp .spnho:hover .nd-spe{z-index:5;background:black;color:#fff}
.list-sp .spnho:hover .nd-spe h2{z-index:10;color:#FFF}
.list-sp .spnho:hover .nd-spe span{z-index:10}
.spnho:hover .tuan1{background:url(../images/trangchu-icons.png) no-repeat; background-position:0px -196px;z-index:10;height:100px;width:200px;}
.list-sp  .spnho .tuan1{position:absolute;top:75px;left:50px}

.spnho:hover .tuan3{background:url(../images/trangchu-icons.png) no-repeat; background-position:0px -103px;width:40px;height:20px;margin:5px 10px 0px 20px;padding:0px;}
.spnho:hover .tuan4{background:url(../images/trangchu-icons.png) no-repeat; background-position:0px -134px;width:40px;height:20px;padding:0px;margin:5px 10px 0px 15px;} 

.tuan1 p{float:left;}
.spnho:hover .tuan3:hover {background:url(../images/trangchu-icons.png) no-repeat; background-position:0px -72px;}
.spnho:hover .tuan4:hover{ background:url(../images/trangchu-icons.png) no-repeat; background-position:0px -165px;}

.spnho:hover .tuan3:hover .tuan34{display:block;color:#FFF;}
.list-sphh .tuan34{display:none;position:absolute;}
.list-sp  .tuan34{display:none;position:absolute;top:-18px;left:7px;}

.list-sp  .tuan43{display:none;position:absolute;top:-18px;left:47px;}
.list-sphh  .tuan43{display:none;position:absolute;}
.spnho:hover .tuan4:hover .tuan43{display:block;color:#FFF;}
.list-sp .tuan{width:234px;height:135px;}


.list-sphh .tuan{background:none;width:100%;border-radius:4px}
.list-sphh .spnho:hover .tuan{width:100%;}
.list-sphh{width:100%;}
.list-sphh  .spnho .tuan1{position:absolute;}

.phaihh .tuan1{background:url(../images/trangchu-icons.png) no-repeat; background-position:0px -196px;z-index:10;height:100px;width:122px;position:relative}	

.phaihh .tuan3{background:url(thicc.png) no-repeat;width:40px;height:0px;margin:5px 10px 0px 20px;padding:0px;}
.phaihh .tuan4{background:url(../images/trangchu-icons.png) no-repeat; background-position:0px -134px;width:40px;height:0px;padding:0px;margin:5px 0px 0px 12px;} 
.phaihh .tuan3:hover {background:url(logothic.png) no-repeat;}
.phaihh .tuan4:hover{background:url(../images/trangchu-icons.png) no-repeat; background-position:0px -165px;}

.phaihh .tuan3:hover .tuan34{display:block;color:#FFF;}
.phaihh .tuan34{display:none;position:absolute;top:-18px;left:0px;}

.phaihh .tuan4:hover .tuan43{display:block;color:#FFF;}
.phaihh .tuan43{display:none;position:absolute;top:-18px;left:43px;}

.all1 .anh-ghrss {bottom:-21px;right:0px}
.all1 .anh-ghrs {bottom:-21px;right:0px;}


.anh-ghrss {position:absolute;bottom:0px;background:url(images/trangchu-icons2.png) no-repeat; background-position:0px -46px; height:19px;width:65px;right:0px;z-index:15}
.anh-ghrs {position:absolute;bottom:0px;background:url(images/trangchu-icons2.png) no-repeat; background-position:0px -75px;height:19px;width:65px;right:0px;z-index:15}

.discount-red{background:url(images/discount-red.png) no-repeat; width:50px; height:19px; position:absolute; top:0px; right:0px;}



